﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td 
{
	margin: 0;
	padding: 0;
}
html, body {    
   height: 100%; 
}
h1,h2,h3 {
	margin: .2em 0;
}

h1,h2,h3,h4,h5,h6,strong,dt {
	font-weight: bold;
}

p{
	margin-bottom: .2em;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}
.clear { clear: both; }

a {
    color:#0077CC;
    cursor:pointer;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

link-separator {
    color:#CCCCCC;
    font-size:110%;
    margin:0 2px;
}
input {
    padding:3px;
}

.theme 
{
     font-size: 140%; cursor:pointer;
}
.fresh{color: rgb(0, 175, 239);}

.doomed{color: rgb(150, 150, 150);}

div#page-wrap
{
    width: 975px;
	margin:0 auto;
	min-height: 100%;
    margin-bottom: -80px;
    position: relative;
}
#header
{
    display:inline-block;
    height:1%;
    width:100%;
}

#header-top,#header-flashmessage
{
    display:inline-block;
    font-size:0.909em;
    height:1%;
    line-height:1;
    width:100%;
   
}
#header-top a
{
    font-weight:bold;
}
#header-top a:hover{text-decoration:none;}

#header-top ul{ float:right;}
#header-top li {
    float:left;
    margin-bottom:5px;
    margin-left:3px;
    margin-top:5px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

#header-top #logininfo {
    color:#666666;
    margin:0 0 0 65px !important;
    padding:5px 9px 5px 25px;
}
#header-top ul#title
{
    float:left;
}
#header-top ul#flashmessage
{
   float:left;
   padding:5px 9px 5px 25px;
   background-color:#E8EEF7;
   font-weight:bold;
}
#header-top ul#flashmessage li 
{
   margin-left:0px;
   margin-right:15px;
}

ul#title li { margin-left:0px;}
ul#title li a
{
    height:40px;    
    width:255px;   
    display:block;
    text-indent:-999px;
    overflow:hidden;
    background:transparent url(/Content/Themes/Fresh/logo.png) no-repeat scroll left bottom;
    
}


div#menucontainer
{
    display:inline-block;
    height:1%;
    width:100%;
    background-color: #E8EEF7;
}

ul#menu
{
   float:left;
}
ul#menu li
{
    list-style:none;
    display:inline;
}
ul#menu li a
{
    padding:5px 20px;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #E8EEF7;
    color: #000000;
    font-weight:bold;
    font-size:110%;
}
ul#menu li a:hover
{
   background-color:#6496C3;
   color:#ffffff;
   text-decoration: none;
}
ul#menu li a.current{background-color:#6496C3;
   color:#ffffff;}
#frmSearch 
{
    float:right; padding:7px 0 0;
}
#frmSearch input{width:200px;}
div#page
{
    width: 975px;
    
}
div#page div#page-header
{
    border-bottom:1px solid black;
    clear:both;
    height:30px;
}
div#page-header h2
{
    float:left;
    line-height:30px;
    margin-bottom:0px;
}
div#page-header div#page-headertabs
{
    float:right;
}
div#page-header div#page-headertabs a
{
        background:#E8EEF7 none repeat scroll 0 0;
        border:1px solid #EEEEEE;
        color:#777777;
        display:block;
        float:left;
        font-size:80%;
        height:20px;
        line-height:22px;
        margin:8px 0px 0 4px;
        padding:0 11px;
        text-decoration:none;
}

div#page-header div#page-headertabs a:hover
{
        background:#FFFFFF none repeat scroll 0 0;
        color:#000000;
        text-decoration:none;
}

div#page-header div#page-headertabs .selected
{
        background:#FFFFFF none repeat scroll 0 0;
        color:#000000;
}
div#page div#content
{    
     clear:both;
     width:750px;
     float:left;
}
div#page div#sidebar
{
    
    float:right;
    width:220px;
}
.bookmarks
{
    
    float:left;
    overflow:hidden;
    padding:11px 0;
    width:750px;
}
.bookedon
{
    float:left;
    margin-right:8px;
    width:86px;
    text-align: center;
    background-color:#E8EEF7;
}
.summary
{
    
    float:left;
    width:635px;
}
.day {
    font-size: 26px;
    position: relative;
    top: -2px;
}
.month {
    font-size: 14px;
}
.year {
    font-size: 12px;
    position: relative;
    top: -5px;
}
.book-link
{
    margin-top:2px;
    color:#0077CC;
    float:left;
}

.book-label
{
    font-size:90%;
    line-height:2.2;
    margin:2px 2px 2px 0;
    padding:3px 4px;
    text-decoration:none;
    white-space:nowrap;
    background-color:#E8EEF7;
    border-bottom:1px solid #3E6D8E;
    border-right:1px solid #7F9FB6;
}
.book-label:hover
{
    background-color:#6496C3;
    border-bottom:1px solid #37607D;
    border-right:1px solid #37607D;
    color:#E0EAF1;
    text-decoration:none;
}
.book-edit
{   float:right;
}
.book-edit a
{
        background:#E8EEF7 none repeat scroll 0 0;
        border:1px solid #EEEEEE;
        color:#777777;
        font-size:80%;
        padding:0 2px;
        text-decoration:none;  
}

.book-edit a:hover
{
        background:#FFFFFF none repeat scroll 0 0;
        color:#000000;
        text-decoration:none;
}

.labeledit a
{
        background:#6496C3 none repeat scroll 0 0;
        border:1px solid #EEEEEE;
        color:#ffffff;
        padding:2px 2px;
        text-decoration:none;  }
.labeledit a:hover
{
        background:#FFFFFF none repeat scroll 0 0;
        color:#000000;
        text-decoration:none;
        }
  
/*Add Bookmark */
.formContent
{
    background-color:#E8EEF7;
    padding:10px 10px;
}

#formContent-book,#formContent-label
{
    background-color:#FFFFFF;
    padding:10px 10px;
}
#formContent-book label, p.label {
    color:#000000;
    display:block;
    font-weight:bold;
    margin:0 0 3px;
}

#formContent-book label .required {
    color:#666666;
    font-weight:normal;
}
#formContent-book input.text-field {
    margin:0 0 5px;
    padding:3px 2px;
    width:95%;
}
#formContent-book textarea {
    height:150px;
    margin:0 0 20px;
    padding:3px 2px;
    width:95%;
}
#formContent-book textarea.small {
    height:50px;
}
        input.submit 
    {
        background-color:#6496C3;
        border:1px solid #888888;
        font-family:Trebuchet MS,Helvetica,sans-serif;
        font-weight:bold;
        margin:3px;
        padding:2px;
        color:#FFFFFF;
        
    }

#formContent-book label.error
{
    color:Red;
}
#formContent-bookinput.error
{
   border: 1px solid #ff0000;
    
}
.delete {
    float:right;
}


.labeledit {
    background:#E8EEF7 none repeat scroll 0 0;
    padding:10px 20px;
    width:90%;
    margin:3px;
    font-weight:bold;
    font-size:110%;
    text-align:left;
}
/* Pager */
.pager 
{
	margin:8px 3px;
	padding:3px;
}

.pager .disabled 
{
	border:1px solid #ddd;
	color:#999;
	margin-top:4px;
	padding:3px;
	text-align:center;
	display:none;
}

.pager .current 
{
	background-color:#6496C3;
	border:1px solid #c0c0c0;
	color:#fff;
	font-weight:bold;
	margin-top:4px;
	padding:3px 5px;
	text-align:center;
}

.pager span, .pager a
{
	margin: 4px 3px;
}

.pager a 
{
	border:1px solid #c0c0c0;
	padding:3px 5px;
	text-align:center;
	text-decoration:none;
}

#labelmenu,#bookmarklet,#disclaimer
{
    background-color:#EEEEEE;
    color:#444444;
    margin-bottom:10px;
    padding:8px 8px 2px;
}
#bookmarklet a
{
}



/*footer*/
.clearfooter {
   height: 180px;
   clear: both;
}
#footer
{
    background: #E8EEF7;
	border-top: 7px solid #6496C3;
	clear: both;
	overflow: hidden;
	padding: 15px;
	width: 975px;
	margin:0 auto;
	height: 80px;
    position: relative;
}
#footer-menu
{
	color: #999;
	float: left;
	font-size: 100%;
	line-height: 30px;
}
#footer-menu a
{
	color: #000000;
}
#footer-flair
{
	float: right;
	margin-left: 12px;
}

#footer .powered {
    float:right;
    text-transform:lowercase;
}


#footer .powered span {
    margin:6px 0 0;
}
#footer .powered span a{margin:0 2px 0 2px; padding:0 2px 0 2px; text-transform:uppercase;}
#footer .powered span, #footer .powered a {
    display:block;
    float:left;
}
#footer .powered a#windows_azure {
background:transparent url(/Content/Themes/windows_azure.png) no-repeat scroll 0 0;
height:18px;
margin:5px 0.5ex 0 0.8ex;
overflow:hidden;
padding:0 0 0 120px;
width:0;
}

#footer .powered a#sql_azure {
background:transparent url(/Content/Themes/sql_azure.png) no-repeat scroll 0 0;
height:28px;
margin:-3px 0.5ex 0 0.8ex;
overflow:hidden;
padding:0 0 0 90px;
width:0;}

#copyright
{
	clear: both;
}
#copyright a
{
	color: #444;
	text-decoration: underline;
}


/*validation messages */


.field-validation-error
{
    color: #ff0000;
    display:block;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}


.validation-summary-errors
{
    margin-top:5px;
    font-weight: bold;
    color: #ff0000;
}

ul.validation-summary-errors 
{
    line-height:1.6em;
    margin-bottom:20px;
}
.validation-summary-errors li
{
    margin-left:30px;
}
/*messages*/

.display-message {
    margin:0 0 5px 0px;
    padding:10px;
    background-color:#FFEBE8;
    border:Solid 1px #FBC2C4;
}

/*Tabs */

        ul.tabNavigation {
		    list-style: none;
		    margin: 0;
		    padding: 0;
		}
 
		ul.tabNavigation li {
		    display: inline;
		}
 
		ul.tabNavigation li a {
		    padding: 3px 5px;
		    background-color: #E8EEF7;
		    color: #000;
		    text-decoration: none;
		}
 
		ul.tabNavigation li a.selected,
		ul.tabNavigation li a:hover {
		    background-color: #6496C3;
		    color: #fff;
		    padding-top: 7px;
		}
		
		ul.tabNavigation li a:focus {
			outline: 0;
		}
 
		div.tabs > div {
			padding: 5px;
			margin-top: 3px;
			border: 5px solid #6496C3;
		}
		
		div.tabs > div h2 {
			margin-top: 0;
		}
 

/*Auto Complete */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	font-weight:bolder;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading 
{
    background: white url('/Content/Themes/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #ffffff;
}

.ac_over {
/*Auto Complete */	background-color: #E8EEF7;
	color: #000000;
}
/*
 * SimpleModal Confirm Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: confirm.css 185 2009-02-09 21:51:12Z emartin24 $
 *
 */


/* Overlay */
#confirmModalOverlay {background-color:#eee; cursor:wait;}

/* Container */
#confirmModalContainer,#emailModalContainer{ font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left; background:#fff; border:2px solid #6496C3;}
#confirmModalContainer {height:140px; width:420px;}
#confirmModalContainer .header,#emailModalContainer .header {height:30px; width:100%; background-color:#6496C3; color:#fff; font-size:1.1em; font-weight:bold; line-height:30px;}
#confirmModalContainer .header span,#emailModalContainer .header span {padding-left:8px;}
#confirmModalContainer .message {color:#333; text-align:center; margin:0; padding:12px 4px; font-size:1em;}
#confirmModalContainer .buttons,#emailModalContainer .buttons {float:right; padding:10px 8px 0;} 
#confirmModalContainer .buttons div ,#emailModalContainer .buttons div 
{
    float:right; margin-left:8px; 
    background-color:#6496C3;
    border:1px solid #888888;
    font-family:Trebuchet MS,Helvetica,sans-serif;
    font-weight:bold; padding:4px;
    color:#FFFFFF;
    text-align:center; 
    cursor:pointer;} 
#confirmModalContainer a.modalCloseX,
#confirmModalContainer a.modalCloseX:link,
#confirmModalContainer a.modalCloseX:active,
#confirmModalContainer a.modalCloseX:visited,
#emailModalContainer a.modalCloseX,
#emailModalContainer a.modalCloseX:link,
#emailModalContainer a.modalCloseX:active,
#emailModalContainer a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.1em; position:absolute; top:-1px;color:#ddd;}
#confirmModalContainer a.modalCloseX{  left:400px; }

#confirmModalContainer a.modalCloseX:hover,#emailModalContainer a.modalCloseX:hover {color:#9bb3b3;}



/* Container */
#emailModalContainer {height:350px; width:500px;}
#emailModalContainer .message {text-align:left; margin:0;}
#emailModalContainer a.modalCloseX{ left:480px; }


